<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index(手机).css">
</head>
<body>
    <div class="top">
        <div class="logo"></div>
        <input type="text" placeholder="健康心理的培养">
    </div>
    <div class="top_nav">
        <ul>
            <li><a href="#">幼儿语文</a></li>
            <li><a href="#">幼儿数学</a></li>
            <li><a href="#">幼儿英语</a></li>
            <li><a href="#">幼儿绘画</a></li>
            <li><a href="#">幼儿心理</a></li>
            <li><a href="#">培养兴趣</a></li>
        </ul>  
    </div>
    <div class="banner">
        <ul>
            <li><a href=""><img src="./img/s1.png" alt=""></a></li>
            <li><a href=""><img src="./img/s2.png" alt=""></a></li>
            <li><a href=""><img src="./img/s3.png" alt=""></a></li>
            <li><a href=""><img src="./img/s4.png" alt=""></a></li>
            <li><a href=""><img src="./img/s5.jpg" alt=""></a></li>
            <li><a href=""><img src="./img/s1.png" alt=""></a></li>
        </ul>
    </div>
    <div class="neiyong">
       <div class="neiyong_fl">
           <div class="neiyong_fl_to"><a href="">学习管理</a></div>
           <div class="neiyong_fl_bo">
              <a href="#">心理干预</a>  
           </div>
       </div> 
       <div class="neiyong_fr">
           <ul>
               <li><a href="#">异常提醒</a></li>
               <li><a href="#">心理指导</a></li>
            </ul>
            <ul>
               <li><a href="#">心理咨询</a></li>
               <li><a href="#">心理健康</a></li>
            </ul>
       </div>
    </div>
    <div class="neiyong_bo"><a href="#">更多内容</a></div>
    <div class="zhi">
        <ul class="zhi_fl zhi_con">
            <li><a href="" class="as"> 心理健康知识:</a><a href="" class="ax">更多>></a></li>
            <li><a href="">健康心理的培养</a></li>
            <li><a href="">幼儿心理健康知识</a></li>               	
            <li><a href="">幼儿心理健康十项注意</a></li>
            <li><a href="">幼儿心理问题产生的原因</a></li>
            <li><a href="">对幼儿进行心理教育的对策</a></li>
            <li><a href="">环境适应教育</a></li>
            <li><a href="">人际关系教育</a></li>
            <li><a href="">学习困难教育</a></li>
            <li><a href="">情绪情感教育</a></li>
			<li><a href="">儿童道德健康教育</a></li>
        </ul>
        <ul class="zhi_fr zhi_con">
            <li><a href="" class="as"> 最新儿童文学:</a><a href="" class="ax">更多>></a></li>
            <li><a href="">关于生气的歇后语</a></li>
            <li><a href="">关于苦闷的歇后语</a></li>               	
            <li><a href="">关于空虚的歇后语</a></li>
            <li><a href="">关于紧张的歇后语</a></li>
            <li><a href="">关于慌的歇后语</a></li>
            <li><a href="">关于高兴的歇后语</a></li>
            <li><a href="">关于急的歇后语</a></li>
            <li><a href="">关于悲的歇后语</a></li>
        </ul>
    </div>
    <footer class="tool-box">
        <div class="buts ">
            <span>首页</span>
        </div>
        <div class="buts">
            <span>课程</span>
        </div>
        <div class="buts">
            <span>我的</span>
        </div>
    </footer>
</body>
</html>